<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>Document</title>
		<script src="./vue.global.js"></script>
		<link rel="stylesheet" href="./index.css" />
		<link rel="stylesheet" href="./table.css" />
		<link rel="stylesheet" href="./pugong.css" />
		<link rel="stylesheet" href="./utils.css" />
		<script src="./index.full.js"></script>

		<script>
			//适配代码
			(function(doc, win) {
				var docEI = doc.documentElement,
					resizeEvt =
					"orientationchange" in window ? "orientataionchange" : "resize",
					recalc = function() {
						var clientWidth = docEI.clientWidth;
						if (!clientWidth) return;
						//100是字体大小，1536是开发时浏览器窗口的宽度，等比计算
						docEI.style.fontSize = 100 * (clientWidth / 1536) + "px";
					};

				if (!doc.addEventListener) return;
				win.addEventListener(resizeEvt, recalc, false);
				doc.addEventListener("DOMContentLoaded", recalc, false);
			})(document, window);
		</script>
		<style>
			* {
				/* margin: 0;
        padding: 0; */
				font-size: 0.20rem;
			}

			.bdr {
				border-right: 1px solid #000;
			}

			.bdb {
				border-bottom: 1px solid #000;
			}

			.tal {
				text-align: left;
				padding-left: 10px;
			}

			.lh50 {
				height: 50px;
				line-height: 50px;
			}

			.flex-end {
				display: flex;
				justify-content: flex-end;
				align-items: center;
			}
		</style>
	</head>

	<body>
		<div id="app" class="table-content">
			<h3 style="font-size: 0.25rem;">安全纪律承诺书</h3>
			<div class="table-form" >
				<el-form ref="dataForm" :model="disciplineForm" label-width="138px" class="dataForm">
					<el-row>
						<el-row style="width: 100%;">
							<el-col :span="24">
								<el-row class="bdb lh50">
									<el-col :span="24">
										<span style="letter-spacing: 10px;font-size: 28px;">承  诺  事  项</span>
									</el-col>
								</el-row>
								<el-row class="bdb lh50">
									<el-col :span="2">
										<div class="bdr">1</div>
									</el-col>
									<el-col :span="22">
										<div class="tal">在工地内，我会戴好安全帽并系好下颌带，工作中按要求佩戴其他必须的防护用品。</div>
									</el-col>
								</el-row>
								<el-row class="bdb lh50">
									<el-col :span="2">
										<div class="bdr">2</div>
									</el-col>
									<el-col :span="22">
										<div class="tal">我会在我的作业范围内作业，绝不到其它作业区段内。</div>
									</el-col>
								</el-row>
								<el-row class="bdb lh50">
									<el-col :span="2">
										<div class="bdr">3</div>
									</el-col>
									<el-col :span="22">
										<div class="tal">在高处及临边处作业时，我会将我的安全带扣在固定位置或合格的安全绳上。</div>
									</el-col>
								</el-row>
								<el-row class="bdb lh50">
									<el-col :span="2">
										<div class="bdr">4</div>
									</el-col>
									<el-col :span="22">
										<div class="tal">未经项目部许可，我绝不跨越护栏及警示带，我会在规定地点休息，绝不任意在施工区域躺睡。</div>
									</el-col>
								</el-row>
								<el-row class="bdb lh50">
									<el-col :span="2">
										<div class="bdr">5</div>
									</el-col>
									<el-col :span="22">
										<div class="tal">绝不偷盗，绝不打架斗殴，绝不聚众闹事。发生个人无法解决的矛盾时立即上报主管人员。</div>
									</el-col>
								</el-row>
								<el-row class="bdb lh50">
									<el-col :span="2">
										<div class="bdr">6</div>
									</el-col>
									<el-col :span="22">
										<div class="tal">我绝不乱动或故意损坏生活区、办公区及施工现场的消防器材。</div>
									</el-col>
								</el-row>
								<el-row class="bdb lh50">
									<el-col :span="2">
										<div class="bdr">7</div>
									</el-col>
									<el-col :span="22">
										<div class="tal">我会将用电设备接在规定的配电箱上，绝不私自乱搭乱接，要接线找专业电工。</div>
									</el-col>
								</el-row>
								<el-row class="bdb lh50">
									<el-col :span="2">
										<div class="bdr">8</div>
									</el-col>
									<el-col :span="22">
										<div class="tal">电焊时，我绝不私自调整电焊机设备开关，或使二次漏电保护器装置失效。</div>
									</el-col>
								</el-row>
								<el-row class="bdb lh50">
									<el-col :span="2">
										<div class="bdr">9</div>
									</el-col>
									<el-col :span="22">
										<div class="tal">自觉避让起重设备及作业车辆、机具作业半径。在现场道路上时，我会自觉靠右行驶并遵守限速要求。</div>
									</el-col>
								</el-row>
								<el-row class="bdb lh50">
									<el-col :span="2">
										<div class="bdr">10</div>
									</el-col>
									<el-col :span="22">
										<div class="tal">我会遵照施工机具设备上标示牌所指示的安全事项办理，严格执行机械操作规程。</div>
									</el-col>
								</el-row>
								<el-row class="bdb lh50">
									<el-col :span="2">
										<div class="bdr">11</div>
									</el-col>
									<el-col :span="22">
										<div class="tal">我会遵守项目吸烟管理规定，依规定在吸烟区抽烟，绝不在非吸烟区抽烟。</div>
									</el-col>
								</el-row>
								<el-row class="bdb lh50">
									<el-col :span="2">
										<div class="bdr">12</div>
									</el-col>
									<el-col :span="22">
										<div class="tal">我会自觉走安全通道，绝不会翻越脚手架、防护栏杆等，并依规定位置停放车辆。</div>
									</el-col>
								</el-row>
								<el-row class="bdb lh50">
									<el-col :span="2">
										<div class="bdr">13</div>
									</el-col>
									<el-col :span="22">
										<div class="tal">工作时我绝不饮酒，绝不携酒(包括其他含酒精性饮料)。</div>
									</el-col>
								</el-row>
								<el-row class="bdb lh50">
									<el-col :span="2">
										<div class="bdr">14</div>
									</el-col>
									<el-col :span="22">
										<div class="tal">我绝不借用、冒用、伪造他人证件。</div>
									</el-col>
								</el-row>
								<el-row class="bdb lh50">
									<el-col :span="2">
										<div class="bdr">15</div>
									</el-col>
									<el-col :span="22">
										<div class="tal">未经项目部许可，我绝不私自拆改临边防护、安全网、警示带等安全防护装置或使其失去功能。</div>
									</el-col>
								</el-row>
								<el-row class="bdb lh50">
									<el-col :span="2">
										<div class="bdr">16</div>
									</el-col>
									<el-col :span="22">
										<div class="tal">未经项目部审批，我绝不私自进行动火、吊装等危险性作业。</div>
									</el-col>
								</el-row>

								<el-row class="lh50">
									<el-col :span="24">
										<div class="tal" style="font-weight: 600;">本人承诺遵守以上事项，若有违反，依照项目部《施工现场安全管理处罚标准》接受处罚。</div>
									</el-col>
								</el-row>
								<el-row>
									<el-col :span="24">
										<div class="flex-end" style="padding-right: 100px;padding-bottom: 40px;">
											<div @click="setUpEquipment('disciplineForm.promiseSign','TaskSignFinger')">
												承诺人签字:
											  </div>
											  <el-image
												v-show="disciplineForm.promiseSign"
												class="sign_img"
												:src="disciplineForm.promiseSign"
												fit="fill"
											  ></el-image>
											</div>
										</div>
									</el-col>
								</el-row>
							</el-col>
						</el-row>
					</el-row>
				</el-form>
			</div>

		</div>
		<script>
			const {
				createApp,
				reactive,
				toRefs,
				ref,
				onMounted
			} = Vue;
			const vue3Composition = {
				setup() {
					const disciplineForm = ref({
						promiseSign: "", // 签字
					})


					window.setSign = (event) => {
						disciplineForm.value[event.key] = event.img;
					};

					window.getData = (event) => {
						return disciplineForm.value
					};
					window.setData = (data) => {}
					const onInput = (e, key) => {
						window.parent.postMessage({
							key,
							isFill: e != '',
							form:'disciplineForm'
						}, '*')
					}
					const setUpEquipment = (key, type) => {
						window.parent.childListener({
							key,
							type,
						});
					};
					return {
						disciplineForm,
						setUpEquipment,
						onInput
					};
				},
			};
			const app = createApp(vue3Composition)
				.use(ElementPlus)
				.mount("#app");
		</script>
	</body>
</html>